<template>
  <u--image
    :src="src"
    :mode="mode"
    :width="width"
    :height="height"
    :shape="shape"
    :radius="radius"
    :lazy-load="lazyLoad"
    :show-menu-by-longpress="showMenuByLongpress"
    :loading-icon="loadingIcon"
    :error-icon="errorIcon"
    :show-loading="showLoading"
    :show-error="showError"
    :fade="fade"
    :webp="webp"
    :duration="duration"
    :bg-color="bgColor"
    :custom-style="customStyle"
    @click="$emit('click')"
    @error="$emit('error')"
    @load="$emit('load')">
    <template v-slot:loading>
      <u-loading-icon></u-loading-icon>
    </template>
    <view
      slot="error"
      style="font-size: 24rpx;">加载失败</view>
  </u--image>
</template>

<!-- 主要封装图片的加载中提示，以及加载错误提示 -->
<script>
import props from 'uview-ui/components/u-image/props.js';
export default {
  mixins: [uni.$u.mpMixin, props, uni.$u.mixin],
  props: {
		
  },
};
</script>

<style lang="scss">
</style>